import React from 'react';

import styles from './UserMessage.css';
import {Link} from "react-router-dom";

const handelChange=()=>{

}

const UserMessage = () => {


  return (
    <div className={styles.user_body}>
      <div className={styles.body_header}>
        <div className={styles.header_shop}>
          <div className={styles.shop_pic}><i></i></div>
          <div className={styles["shop_info-1"]}>
            <p className={styles["info-1_shop"]}>
              <span className={styles["shop_text"]}>我的新消息</span>
              <span className={styles.shop_gift}>
                <span className={styles.gift_num}>0</span>
                条
              </span>
            </p>
          </div>
        </div>
      </div>
      <div className={styles.body_content}>
        <div className={styles["mod-sheet"]}>
          <div className={styles.sheet_header}>
            <p className={styles.header_title}>消息中心</p>
            <div className={styles.header_sift}>
              <div className={styles.sift_select}>
                <select name="" id="select-type">
                  <option value="0">所有消息</option>
                  <option value="1">普通消息</option>
                  <option value="2">漏洞消息</option>
                  <option value="2">礼品消息</option>
                </select>
              </div>
            </div>
          </div>
          <div className={styles.sheet_body}>
            <table className={styles.body_table}>
              <thead>
              <tr>
                <th className={styles["th-1"]}>
                  <input className={styles["input-checkbox"]} type="checkbox" id="message-check-all"/>
                </th>
                <th className={styles["th-2"]}>消息主题</th>
                <th className={styles["th-3"]}>消息类型</th>
                <th className={styles["th-4"]}>发送者</th>
                <th className={styles["th-5"]}>时间</th>
              </tr>
              </thead>
              {/*<tbody>
              <tr>
                <td><input className={styles["input-checkbox"]} type="checkbox"/></td>
                <td className={[styles["table_message"],styles["table_message-new"]].join(' ')}><a>test</a></td>
                <td>漏洞消息</td>
                <td>TSRC管理员</td>
                <td>10秒前</td>
              </tr>
              </tbody>*/}
            </table>
          </div>
          <a href="javascript:void(0)" className={[styles["mod-btn"],styles["mod-btn-black"]].join(' ')} id="message-readall">全部标为已读</a>
          <a href="javascript:void(0)" className={[styles["mod-btn"],styles["mod-btn-black"]].join(' ')} id="message-del">删除选中消息</a>
        </div>
      </div>
    </div>
  );
}

export default UserMessage
